<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src属性:配置资源路径
    1.相对路径:访问站内资源时使用的路径
        资源和页面在同一目录:直接写文件名
        资源在页面的上级目录:../文件名
    2.绝对路径:访问站外资源时使用,又称为图片盗链,存在找不到图片的风险
        alt:当图片不能显示时显示的文本
        title:图片标题,当鼠标悬停在图片上显示的文本
        width:设置宽度,像素或百分比(上级元素)设置宽高,当只设置宽度时高度会自动等比例缩放
        height:设置高度
-->
<img src="ahbbhb.jpg" alt="这是个美女图片">
<img src="../b.jpg" alt="" title="大美女儿">
<img src="abc/c.jpg" alt="" width="400">
<img src="https://img0.baidu.com/it/u=2834175805,783453598&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800" alt="" width="50%">
</body>
</html>